<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>贪吃蛇游戏</title>
    <link rel="stylesheet" href="../css/index.css" />
  </head>
  <body class="clearfix">
    <!-- 整个游戏容器 -->
    <div class="head fleft">
      <h1 class="title">游戏信息</h1>
      <div class="info">
        <div>你已经吃到</div>
        <div class="eatNum">0</div>
        <div>个食物</div>
      </div>

      <div class="snakeLength">蛇总长度为：4</div>

      <div class="tip">
        <div>说明：</div>
        <div>1.按下空格键，暂停/继续游戏；</div>
        <div>2.鼠标点击“开始游戏”，启动游戏；</div>
        <div>3.上下左右键，控制蛇移动方向；</div>
      </div>
    </div>
    <div class="container fright">
      <!-- 开始游戏按钮 -->
      <button class="startBtn"></button>
      <!-- 暂停游戏按钮 -->
      <button class="pauseBtn"></button>
    </div>
    <script src="../js/config.js"></script>
    <script src="../js/index.js"></script>
  </body>
</html>
